<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>公司详情</title>
    <!-- 复用主应用的样式，并添加详情页专属样式 -->
    <link rel="stylesheet" href="/src/assets/main.css">
    <link rel="stylesheet" href="/src/assets/info_page.css">
</head>
<body>
    <div id="app-container">
        <header>
            <h1 id="company-name">正在加载...</h1>
        </header>
        <main>
            <section id="info-card" class="card">
                <div id="loader">正在从服务器获取公司详情...</div>
                <div id="info-grid" class="info-grid" style="display: none;">
                    <!-- JS will populate this -->
                </div>
                <div id="error-message" style="display: none; color: red;"></div>
            </section>
            <a href="javascript:window.close();" class="action-button">关闭页面</a>
        </main>
    </div>
    <script type="module" src="/src/company_info.js"></script>
</body>
</html> 